
<template>
  <div class="technology">
    <h2 class="technology-title">技术栈</h2>
    <div class="technology-content">
        <div>✳ client: &nbsp;Vue3 + Element-Plus + pinia</div>
        <div>✳ admin: Vue3 + Element-Plus + pinia</div>
        <div>✳ server: Koa + Mysql</div>
        <div>✳ 服务器由是阿里云支持</div>
        <div>✳ 文件存储由个人服务器存储,内存有限,性能有限,请手下留情</div>
        <div>✳ 博客全部用到的技术基本由个人完成,有很多写的不好的地方,个别出现的问题也是请教的同学</div>
    </div>
  </div>
</template>

<script lang="ts" setup >

</script>

<style lang="less" scoped>
.technology {
  margin: 20px 0;
  border-radius: 15px;
  border-bottom: 2px solid rgb(153, 81, 234);
  .technology-title {
    padding: 5px 20px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.504);
  }
  .technology-content {
    padding: 20px 40px;
    div {
      display: flex;
      align-items: center;
      margin: 10px 0;
    }
  }
}

</style>
